<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width = device-width, initial-scale = 1.0, maximum-scale = 1.0, user-scalable = 0"/>
    <title>{{ $listsSetting->title }}</title>
    <meta name="description" content="{{ $listsSetting->description }}">
    <link rel="shortcut icon" href="https://ttwls.oss-cn-beijing.aliyuncs.com/assets/images/admin/favicon.ico"/>
    <script src="https://wailiancn.oss-cn-beijing.aliyuncs.com/assets/js/v2/jquery-3.5.1-min.js?versionId=CAEQFBiBgIDTy.Pa0hciIDc3NWY0YjVhMTdlYTRmMDliNzRlMGQyMWUxMTg5MjQw"></script>
    <script src="https://wailiancn.oss-cn-beijing.aliyuncs.com/assets/js/libs/cryptojs/md5.js?versionId=CAEQIRiBgICR256j_xciIGE0MmE2NjAwY2RlYzQyODA4OGE5YzI4ZTVjNGNmYzA5"></script>
    <script src="https://wailiancn.oss-cn-beijing.aliyuncs.com/assets/js/v2/clipboard.min.js?versionId=CAEQHxiBgMCkp7iT5hciIGQ3ZmZkMWFlNWYxNDQ0Y2RhOWU3ZWUyOTU4NzhiMDRi"></script>
    <script src="https://ttwls.oss-cn-beijing.aliyuncs.com/v/v6/wailianstatic.min.js"></script>
    <link rel="stylesheet" type="text/css" href="https://ttwls.oss-cn-beijing.aliyuncs.com/v/v3/home_links.min.css?v=2022062401">
    <script src="http://ttwls.oss-cn-beijing.aliyuncs.com/v/v6/otherstatic.min.js?v=2022062403"></script>
    <link rel="stylesheet" type="text/css" href="https://res.wx.qq.com/open/libs/weui/2.4.0/weui.min.css?v=202207071010">
</head>
<body>
    <div id="public-web-container" class="public-container">
        <div class="public-container-main">
            <div class="safe-notice">
                <input type="hidden" id="links_id" value="{{ $listsSetting->links_id }}">
                <input type="hidden" id="type" value="{{ $listsSetting->type }}">
                <img src="https://nilife.oss-cn-beijing.aliyuncs.com/miniapp/images/setting/safe.png">
                <p>本链接经过<font style="font-weight: 500;color: #333333;">SSL安全加密</font>,请放心点击!</p>
            </div>
            <div class="wechat-addfriend-cotainer">
                <img src="{{ $listsSetting->logo }}" class="wechat-addfriend-avatar">
                <font class="wechat-addfriend-nike">{{ $listsSetting->nike }}</font>
                <img id="wechataddgif" class="wechat-addfriend-help" src="">

                <div class="wechat-addfriend-button">
                    <span class="wechat-addfriend-addbutton" id="copywechat" data-clipboard-text="{{ $listsSetting->wechat }}">点击打开微信</span>
                    <div class="wechat-addfriend-button-descript">点击自动复制内容并打开微信，粘贴即可添加好友。如不会操作点击<font onclick="showHelp();">查看教程</font>。</div>
                </div>
                <div class="wechat-addfriend-copyright">
                    <a href="https://nilife.cn" target="_blank">Copyright ©️2013-2021 nilife.cn</a>
                </div>
            </div>
            <div role="alert" id="toast" style="display: none;">
                <div class="weui-mask_transparent"></div>
                <div class="weui-toast">
                    <i class="weui-icon-success-no-circle weui-icon_toast"></i>
                    <p class="weui-toast__content">已复制微信号，请前往微信添加！</p>
                </div>
            </div>
        </div>
    </div>

    <script> 
        function showHelp() {
            $("#wechataddgif").attr("src","https://nilife.oss-cn-beijing.aliyuncs.com/wepage/20210605-153827-192.gif");
            $("#wechataddgif").fadeToggle();
        }
        $(document).ready(function(){
            var copywechat = new ClipboardJS("#copywechat");
            copywechat.on('success', function(e) {
                $("#toast").fadeIn(100);
                setTimeout(function () {
                    $("#toast").fadeOut(100);
                }, 2000);
                showHelp();
                window.location.href="weixin://";
            });

            linksStatistics();
        });
    </script>
</body>
</html>